<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" />
<link rel="stylesheet" href="css/lonix/lonix.float.css" />
<div style="height:100%" id="vehicleFlowDiv">
    <div class="search-panel">
		<div class="search-text">
			<label>车场组织：</label>
			<input type="text" class="lonix click_float_parent k-textbox" data-bind="value:orgName" readonly id="organization_text3"/>
			<input type="hidden" data-bind="value:orgCode" />
			<input type="hidden" data-bind="value:orgGpc" />
			<div class="lonix float-frame float" id="organization-tree3">
				<div class="lonix float-header">
					<input type="text" class="lonix search-input" maxlength="15" placeholder="搜索" />
				</div>
				<div class="lonix float-body">
					<ul class="ztree" id="info-tree"></ul>
				</div>
				<div class="lonix float-prompt"></div>
				<div class="lonix float-footer">
					<div class="lonix button-group">
                        <button class="lonix button cancel">清空</button>
                        <button class="lonix button primary">确认</button>
					</div>
				</div>
			</div>
		</div>
		<div class="search-text">
			<label id="rangeDateText">时间范围：</label>
			<div id="rangeType" style="display:inline-block">
				<input type="text" class="lonix click_float_parent k-textbox" id="rangeDateA" data-bind="value:rangeDateA"/>
			</div>
		</div>
		<div class="search-text">
		    <label>时间单位：</label>
		    <input id="radio-1-1" name="dateType" class="regular-radio red" checked="" type="radio" value="year"><label for="radio-1-1" class="red"></label><label style="margin-left:10px">年</label>
		    <input id="radio-1-2" name="dateType" class="regular-radio red" type="radio" value="month"><label for="radio-1-2" class="red"></label><label style="margin-left:10px">月</label>
		    <input id="radio-1-3" name="dateType" class="regular-radio red" type="radio" value="day"><label for="radio-1-3" class="red"></label><label style="margin-left:10px">日</label>
		</div>
		<div class="search-Btn">
			<button data-bind="click:search_btn">查询</button>
			<button data-bind="click:reset_btn">重置</button>
		</div>
	</div>
	<div id="" style="width: 100%;height:calc(100% - 65px)">
	    <div class="statisticsReport-panel" style="height:100%">
	       <div class="title" style="border-bottom:1px solid #dbdbde;margin-bottom:20px">车流量统计报表</div>
	       <div style="width:38%;margin:0 1%;float:left;height:calc(100% - 75px);overflow-y:auto">
	          <div class="tableDiv">
	             <table width="100%" id="vehicleFlowTable">
	                <tr>
	                   <th>工作站</th>
	                   <th>通道</th>
	                   <th>月卡入场</th>
	                   <th>月卡出场</th>
	                   <th>临时入场</th>
	                   <th>临时出场</th>
	                   <th>小计</th>
	                </tr>
	             </table>
	          </div>
	       </div>
	       <div style="width:57%;float:left;">
			   <div id="chnChart" style="height:320px"></div>
			   <div id="timeChart" style="height:320px"></div>
	       </div>
	    </div>
	</div>
</div>
<script src="js/ztree/jquery.ztree.all.min.js"></script>
<script src="js/lonix/lonix.float.js"></script>
<script src="views/parkLotCenter/recordMarket/js/vehicleFlow.js"></script>

<script>
    var vehicleFlow = new VehicleFlow($("#vehicleFlowDiv"));
</script>